<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>红色文化</title>
    <link rel="stylesheet" href="E:\html学习\红色文化\css\三级导航样式.css">
    <script src="./js/jquery3.2.1.min.js"></script>
</head>
<body>
    <div id="page">
    <header>
        <span>红色记忆，最美中华</span>
        <span>江三如此多娇</span>
    </header>
    <div id="search"><form action="https://so.toutiao.com/search">
        <span>大美新疆</span>
        <img src="E:\html学习\红色文化\img\上海1.jpg" width="30px" height="30px">
        <input type="text" name="keyword" placeholder="请输入文字">
        <input type="submit" value="搜索"></div>
    <nav>
        <ul>
            <li id="home">首页</li>
            <li class="sjx">东方欲晓
                <ul>
                    <li id="ws">五四运动</li>
                    <li class="sjx">马列并进中国
                        <ul>
                            <li>共产党宣言</li>
                            <li>南陈北李</li>
                            <li>秋收起义</li>
                        </ul>
                    </li>
                    <li>辛亥革命</li>
                    <li id="malie">马克思列宁主义</li>
                </ul>
            </li>
            <li class="sjx">工业革命
                <ul>
                    <li>第一次工业革命</li>
                    <li class="sjx">第二次工业革命
                        <ul>
                            <li>发电机</li>
                            <li>现代炸药</li>
                            <li>三轮汽车</li>
                            <li>飞机</li>
                            
                        </ul>
                    </li>
                   
                </ul>
            </li>
            <li class="sjx">世界大战
                <ul>
                    <li>第一次世界大战</li>
                    <li class="sjx">第二次世界大战
                        <ul>
                            <li>反法西斯成功</li>
                            <li>中国崛起</li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class="sjx">蒋毛斗法
                <ul>
                    <li class="sjx">南昌起义
                        <ul>
                            <li>打响武装反抗第一枪</li>
                            <li>叶挺</li>
                        </ul>
                    </li>
                    <li>秋收起义</li>
                    <li>国共合作</li>
                    
                </ul>
            </li>
            <li class="sjx">团结抗战
                <ul>
                    <li class="sjx">国共合作
                        <ul>
                            <li>打响武装反抗第一枪</li>
                            <li>抗击日本</li>
                        </ul>
                    </li>
                    <li id="collaborate">国共二次合作</li>
                    
                </ul>
            </li>
            <li>谁主沉浮
            </li>
            <li>百废复兴</li>
            <li>改革开放40年</li>
            <li>中国梦</li>
        </ul>
    </nav>
    <div id="pic">
        <div id="inpic">
            <div id="pic1">
                <img src="E:\html学习\红色文化\img\新疆1.jpg">
                <img src="E:\html学习\红色文化\img\新疆2.jpg">
                <img src="E:\html学习\红色文化\img\新疆3.jpg">
                <img src="E:\html学习\红色文化\img\新疆4.jpg">
                <img src="E:\html学习\红色文化\img\新疆5.jpg">
                <img src="E:\html学习\红色文化\img\新疆6.jpg">
                <img src="E:\html学习\红色文化\img\新疆7.jpg">
                <img src="E:\html学习\红色文化\img\新疆8.jpg">
                <img src="E:\html学习\红色文化\img\新疆9.jpg">
                <img src="E:\html学习\红色文化\img\新疆10.jpg">
                <img src="E:\html学习\红色文化\img\新疆11.jpg">
                <img src="E:\html学习\红色文化\img\新疆12.jpg">
            </div>
            <div id="pic2"></div>
        </div>
    </div>
    <ul id="main">
        <li>
            <div>
                <h4><span id="tb">618上淘宝，好物不断&gt;&gt;</span></h4>
                <iframe src="https://www.taobao.com" style="width: 100%;height: 100%;" frameborder="0"></iframe>
            </div>
        </li>

        <li>
            <h4><span id="bt">首页</span>&gt;&gt;</h4>
            <div>
                <iframe id="content" src="红色文化.txt" style="width: 100%;height: 100%;" frameborder="0"></iframe><!--显示第一个，其他都不用写-->
            </div>
        </li>
        <li>
            <div>
                <iframe src="" style="width: 100%;height: 100%;" frameborder="0"></iframe>
            </div>
        </li>
    </ul>
    <footer>
        《版权所有:萍乡学院信息与计算机工程学院》<br>
        白帝城彩云间谪仙人吴建安231123007
    </footer>
</div>
</body>
<script src="js/三级菜单.js"></script>

</html>